<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>案例</title>
    <link rel="shortcut icon" href="../../assets/imgs/name.svg" type="image/x-icon">
    <!-- 1.重置样式 -->
    <link rel="stylesheet" href="../../assets/css/normalize.css">

    <!-- 2.公共样式 -->
    <link rel="stylesheet" href="../../assets/css/common.css">

    <!-- 3.当前样式 -->
    <link rel="stylesheet" href="./case.css">
    <!-- 4.引入外用样式 -->
    <link rel="stylesheet" href="../login/login.css">

</head>

<body>
    <!-- 
        布局思想: 从整体到局部 先建框后填内容
    -->

    <!-- 头部 -->
    <header class="head clearfix">
        <h1 class="fl">
            <a href="#"><img src="../../assets/imgs/new-logo-white.png" alt=""></a>
        </h1>

        <nav class="head-nav">
            <ul class="clearfix">
                <li><a href="../home/home.html">首页</a></li>
                <li><a href="../api/api.html">API</a></li>
                <!-- <li><a href="#">云服务</a></li> -->
                <li class="active"><a href="../case/case.html">案例</a></li>
                <!-- <li><a href="#">开发者</a></li> -->
            </ul>
        </nav>

        <div class="fr head-btn">
            <a href="../login/login.html">登录</a>
            <a class="head-regbtn" href="../register/register.html">注册有礼</a>
        </div>

    </header>

    <!-- 粒子图canvas -->
    <div class="particle">
        <!-- 背景div -->
        <div id="mydiv" style="height:270px; ">
        </div>
        <!-- 内容 -->
        <div class="particle-text">
            <h1>助力行业巨头、独角兽企业</h1>
            <p>已服务10万+企业客户</p>
            <p>- 精选案例 -</p>
        </div>
    </div>

    <!-- 主体内容 -->
    <div class="main container">
        <!-- 金融案例 -->
        <div class="financial floorbox pitch ">
            <p class="name">金融案例 <span> /Financial Case</span></p>
            <p class="subscript"></p>
            <ul class="clearfix">
                <li class="fl">
                    <a href="#"><img src="../../assets/imgs/szyh.png" alt=""></a>
                    <a href="#">
                        <h3>苏州银行数据API服务系统</h3>
                        <span>苏州银行的前身是江苏东吴农村商业银行股份有限公司，2011年经监管批准，由农村中小金融机构监管序列调整为中小商业银行监管序列。2019年8月2日，苏州银行登陆A股，为全国第33家、江苏省第9家上市银行。2020年3月9日，“2019年中国银行业100强榜单”发布，苏州银行排名第51位。</span>
                        <p>了解详情</p>
                    </a>
                </li>
            </ul>
        </div>
        <!-- 企业案例 -->
        <div class="business floorbox">
            <p class="name">企业案例 <span> /Business Case</span></p>
            <p class="subscript"></p>
            <ul class="clearfix">
                <li class="fl">
                    <a href="#"><img src="../../assets/imgs/zhylian.png" alt=""></a>
                    <a href="#">
                        <h3>中国银联便民缴费内容交换平台</h3>
                        <span>中国银联（China UnionPay）成立于2002年3月，是经国务院同意，中国人民银行批准设立的中国银行卡联合组织，总部设于上海。截至2019年9月，中国银联已成为全球发卡量最大的卡组织，发行近80亿张银行卡。</span>
                        <p>了解详情</p>
                    </a>
                </li>
            </ul>
        </div>
        <!-- 政府案例 -->
        <div class="government floorbox">
            <p class="name">政府案例 <span> /Government Case</span></p>
            <p class="subscript"></p>
            <ul class="clearfix">
                <li class="fl">
                    <a href="#"><img src="../../assets/imgs/scm.png" alt=""></a>
                    <a href="#">
                        <h3>苏城码</h3>
                        <span>中国银联（China UnionPay）成立于2002年3月，是经国务院同意，中国人民银行批准设立的中国银行卡联合组织，总部设于上海。截至2019年9月，中国银联已成为全球发卡量最大的卡组织，发行近80亿张银行卡。</span>
                        <p>了解详情</p>
                    </a>
                </li>
            </ul>
        </div>
        <!-- 更多伙伴 -->
        <div class="more floorbox">
            <p class="name">更多伙伴 <span> /More Partners</span></p>
            <p class="subscript"></p>
            <ul class="clearfix">
                <li><img src="../../assets/imgs/more-partners-item01.svg" alt=""></li>
                <li><img src="../../assets/imgs/more-partners-item02.svg" alt=""></li>
                <li><img src="../../assets/imgs/more-partners-item03.svg" alt=""></li>
                <li><img src="../../assets/imgs/more-partners-item04.svg" alt=""></li>
                <li><img src="../../assets/imgs/more-partners-item05.svg" alt=""></li>
                <li><img src="../../assets/imgs/more-partners-item06.svg" alt=""></li>
                <li><img src="../../assets/imgs/more-partners-item07.svg" alt=""></li>
                <li><img src="../../assets/imgs/more-partners-item08.svg" alt=""></li>
                <li><img src="../../assets/imgs/more-partners-item09.svg" alt=""></li>
            </ul>
        </div>
    </div>

    <!-- 楼层 -->
    <div class="floor">
        <p>金融案例</p>
        <p>企业案例</p>
        <p>政府案例</p>
        <p>更多伙伴</p>
    </div>

    <!-- 尾部 -->
    <footer class="footer">
        <div class="container">
            <!-- 顶部 -->
            <div class="footer-top clearfix">
                <dl class="footer-item fl">
                    <dt class="item-title">联系与支持</dt>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">400-882-7715</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">售前咨询</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">客服&amp;售后</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" class="item-link" href="#" target="_blank">常见问题
                        </a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">极速工单</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">投诉与建议</a>
                    </dd>
                </dl>
                <dl class="footer-item fl">
                    <dt class="item-title">关于源码</dt>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">400-882-7715</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">售前咨询</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">客服&amp;售后</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" class="item-link" href="#" target="_blank">常见问题
                        </a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">极速工单</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">投诉与建议</a>
                    </dd>
                </dl>
                <dl class="footer-item fl">
                    <dt class="item-title">快速入口</dt>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">400-882-7715</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">售前咨询</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">客服&amp;售后</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" class="item-link" href="#" target="_blank">常见问题
                        </a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">极速工单</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">投诉与建议</a>
                    </dd>
                </dl>
                <dl class="footer-item fl">
                    <dt class="item-title">产品服务</dt>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">400-882-7715</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">售前咨询</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">客服&amp;售后</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" class="item-link" href="#" target="_blank">常见问题
                        </a">
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">极速工单</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">投诉与建议</a>
                    </dd>
                </dl>
                <dl class="footer-item fl">
                    <dt class="item-title">解决方案</dt>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">400-882-7715</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">售前咨询</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">客服&amp;售后</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">常见问题</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">极速工单</a>
                    </dd>
                    <dd class="item-desc">
                        <a class="item-link" href="#" target="_blank">投诉与建议</a>
                    </dd>
                </dl>
                <!-- 右边的微信图标 -->
                <div class="wechat fr">
                    <p class="title">微信公众号</p>
                    <p class="name">源码时代</p>
                    <img src="../../assets/imgs//wechat-white.png" alt="">
                </div>
            </div>
            <!-- 底部 -->
            <p class="footer-btm clearfix">
                <a href="#" class="fl mr10">
                    <img src="../../assets/imgs//bei2.png" alt="">
                </a>
                <a href="#" class="fl mr10">
                    <img src="../../assets/imgs//bei1.png" alt=""> </a>
                <span class="fl mr10">增值电信业务经营许可证：蜀B2-20180596</span>
                <a href="#" class="fl mr10">蜀ICP备15006450号-3</a>
                <a href="#" class="fl mr10">营业执照</a>
                <span class="fr">源码大数据股份有限公司©版权所有</span>

            </p>
        </div>
    </footer>
    <!-- 当前js -->
    <script src="./case.js"></script>
    <!-- js粒子效果图 -->
    <script src="../../assets/libs/canvas-particle.js"></script>
    <script src="../../assets/libs/common.js"></script>
</body>

</html>